<template>
  <div class="app-container">
    <item1 :propsValue="propObjValue" />
    <lineindex :rightcellthreeArr="rightcellthreeArr" />
    <lineindexcopy />
  </div>
</template>
<script>
import { countApiCallSortUserCallSortcount } from '@/api/index/index'
export default {
  components: {
    item1: () => import('./compment/index.vue'),
    lineindex: () => import('./compment/lineindex.vue'),
    lineindexcopy: () => import('./compment/lineindex copy.vue'),
  },
  data() {
    return {
      propObjValue: {},
      rightcellthreeArr: [],
    }
  },
  mounted() {
    countApiCallSortUserCallSortcount().then((res) => {
      if (res.data.code == 200) {
        const obj = {
          ...JSON.parse(res.data.data.split('---')[0]),
          ...JSON.parse(res.data.data.split('---')[1]),
          ...JSON.parse(res.data.data.split('---')[2]),
        }
        this.$nextTick(() => {
          this.propObjValue = obj
          this.rightcellthreeArr = obj.apiCallSort
          console.log(this.propObjValue)
        })
      }
    })
  },
}
</script>
<style lang="scss" scoped>
.app-container {
  background-color: #f1f2f6;

  overflow: auto;
}
</style>
